import {
    StyleSheet
} from 'react-native';

import { base_color , word_color } from '../../../config/color.json';

export default StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: "#f5f5f5",
    },
    contentContainer: {
        paddingLeft: 12,
        paddingRight: 12,
        paddingTop: 12,
        backgroundColor: "#f5f5f5",
    },
    chatItemBox: {
        marginBottom: 14
    },
    chatItemBodyBox: {
        flexDirection: "row"
    },
    mine: {
        flexDirection: "row-reverse"
    },
    others: {
        flexDirection: "row"
    },
    avatarBox: {
        
    },
    avatar: {
        width: 30,
        height: 30
    },
    chatItemContentBox: {
        backgroundColor: base_color,
        padding: 8,
        borderRadius: 10,
        maxWidth: 230,
        marginRight: 10,
        marginLeft: 10
    },
    chatItemContent: {
        color: "#fff",
        fontSize: 16
    },
    textBox: {
        flexDirection: "row",
        backgroundColor: "#fff",
        height: 50,
        paddingLeft: 12,
        paddingRight: 12,
        alignItems: "center"
    },
    input: {
        flex: 1
    },
    sendBtn: {
        color: "#fff",
        backgroundColor: "#0c84fc",
        padding: 8,
        borderRadius: 8,
        marginLeft: 5
    },
    funcBox: {
        backgroundColor: "#fff",
        height: 50
    }
})